<!DOCTYPE html>
<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <title>找回[[${@config.getKey('sys.manager.title')}]]账号</title>
    <meta name="description" content="honey后台管理框架">
    <link href="../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
    <link href="../static/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
    <link href="../static/css/style.css" th:href="@{/css/style.css}" rel="stylesheet"/>
    <link href="../static/css/login.min.css" th:href="@{/css/login.min.css}" rel="stylesheet"/>
    <link href="../static/honeyms/css/honeycss.css" th:href="@{/honeyms/css/honeycss.css?v=4.4.0}" rel="stylesheet"/>
    <!-- 360浏览器急速模式 -->
    <meta name="renderer" content="webkit">
    <!-- 避免IE使用兼容模式 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="shortcut icon" href="../static/favicon.ico" th:href="@{favicon.ico}"/>
    <style type="text/css">label.error { position:inherit;}#bg-canvas{ position:absolute; z-index:-1} .text{color:#333}</style>
</head>
<body class="signin">
<canvas id="bg-canvas" ></canvas>
    <div class="signinpanel">
        <div class="row">
            <div class="col-sm-7">
                <div class="signin-info">
                    <div class="logopanel m-b">
                        <h1><a href="/" title="返回广场"><img height="266" alt="logo" src="/img/logo/honey-b.png"></a></h1>
                    </div>
                    <h4>欢迎使用 <strong>honey 后台管理系统</strong></h4>
                    <strong>想起密码了? <a th:href="@{/login}">直接登录&raquo;</a></strong>
                </div>
            </div>
            <div class="col-sm-5">
                <form id="findpwdForm" autocomplete="off">
                    <h4 class="no-margins">找回密码：</h4>
                    <p class="m-t-md">HoneyMS</p>
                    <input type="text" id="loginName" name="loginname" class="form-control text" placeholder="登录名" maxlength="20" required>
                    <div class="form-group" id="ebefore">
						<a onclick="getVerify()" id="verify" class="pull-right">发送验证码到邮箱</a>
					</div>
					<div class="hidden" id="eafter">
						<input type="password" name="password" class="form-control text"         placeholder="密码"     maxlength="20" required>
	                    <input type="password" name="confirmPassword" class="form-control text"  placeholder="确认密码" maxlength="20" required>
	                    <input type="text"     name="vcode" class="form-control text"         placeholder="邮箱验证码" required>
						<div class="row m-t" th:if="${captchaEnabled==true}">
							<div class="col-xs-6">
							    <input type="text" name="validateCode" class="form-control code"  placeholder="验证码"   maxlength="5" required>
							</div>
							<div class="col-xs-6">
								<a href="javascript:void(0);" title="点击更换验证码">
							<img th:src="@{/captcha/captchaImage(type=math)}" class="imgcode" height="33" width="66%"/>
						</a>
							</div>
						</div>
	                    <!-- <button class="btn btn-success btn-block" id="btnSubmit" data-loading="正在验证注册，请稍后...">提交</button> -->
	                    <a class="btn btn-success" onclick="findpwd()" >确定</a><br>
					</div>
                    
                </form>
            </div>
        </div>
        <div class="signup-footer">
            <div class="pull-left">
                &copy; 2019 All Rights Reserved. honeyms <br>
            </div>
        </div>
    </div>
<!-- 全局js -->
<script src="../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script>
<script src="../static/js/bootstrap.min.js" th:src="@{/js/bootstrap.min.js}"></script>
<!-- 验证插件 -->
<script src="../static/ajax/libs/validate/jquery.validate.min.js" th:src="@{/ajax/libs/validate/jquery.validate.min.js}"></script>
<script src="../static/ajax/libs/validate/messages_zh.min.js" th:src="@{/ajax/libs/validate/messages_zh.min.js}"></script>
<script src="../static/ajax/libs/layer/layer.min.js" th:src="@{/ajax/libs/layer/layer.min.js}"></script>
<script src="../static/ajax/libs/blockUI/jquery.blockUI.js" th:src="@{/ajax/libs/blockUI/jquery.blockUI.js}"></script>
<script src="../static/honeyms/js/honeyjs.js" th:src="@{/honeyms/js/honeyjs.js?v=4.4.0}"></script>
<script th:inline="javascript"> var ctx = [[@{/}]]; var captchaType = [[${captchaType}]];</script>
<script th:inline="javascript">

//获取验证码
function getVerify() {
	var loginname = $("#loginName").val();
	if(loginname==''){
		return layer.msg("请先填写你的登录名");
	}
	var index = layer.load(2, {
		  shade: [0.1,'#fff'], //0.1透明度的白色背景
		  content: '<span class="loadtip">验证码发送中,请稍等...</span>',
		  success: function (layerContentStyle) {
		        layerContentStyle.find('.layui-layer-content').css({
		            'padding-top': '8px',
		            'text-align': 'center',
		            'width': '266px'
		        });
		    }
		});
    $.ajax({
        type: "get",
        url: ctx + "findpwd/findpwdVerify",
        data:{'loginName':loginname},
        success: function (r) {
        	layer.close(index);
        	//alert(r.code);
            if (r.code == 0) {
            	layer.msg(r.msg);
            	$("#ebefore").attr("class","hidden");
                $("#eafter").attr("class","");
                $("#username").attr("readOnly","readOnly");
            } else if(r.code == 1){
                layer.msg(r.msg);
            } else{
            	layer.msg(r.msg);
            }
        },
    });
}

//找回密码
function findpwd() {
    $.ajax({
        type: "POST",
        url: ctx + "findpwd/findpwd",
        data: $('#findpwdForm').serialize(),
        success: function (r) {
           if(r.code==0){
        	   clean();
           	   layer.msg(r.msg, {
                    time: 1000 //2秒关闭（如果不配置，默认是3秒）
               }, function(){
                	  parent.location.href = '/login';//do something
               });
           }else{
        	   layer.msg(r.msg);
        	   var url = "/captcha/captchaImage?type=math&s=" + Math.random();
			   $(".imgcode").attr("src", url);
           }
        },
    });
}

//清空表单
function clean(){
	$('#findpwdForm')[0].reset();
}

$('.imgcode').click(function() {
	var url = "/captcha/captchaImage?type=math&s=" + Math.random();
	$(".imgcode").attr("src", url);
});
</script>
</body>
</html>
